<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" type="text/css" href="../../css/sovlvency.css"/>
  <style>
    .spot {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
    }

    .svg-wrapper {
      margin-top: 0;
      position: relative;
      top: 25%;
      width: 150px;
      height: 40px;
      display: inline-block;
      border-radius: 3px;
      margin-left: 5px;
      margin-right: 5px
    }

    #shape {
      stroke-width: 6px;
      fill: transparent;
      stroke: #009FFD;
      stroke-dasharray: 85 400;
      stroke-dashoffset: -220;
      transition: 1s all ease;
    }

    #text {
      margin-top: -35px;
      text-align: center;
    }

    #text a {
      color: black;
      text-decoration: none;
      font-weight: 100;
      font-size: 1.1em;
    }

    .svg-wrapper:hover #shape {
      stroke-dasharray: 50 0;
      stroke-width: 3px;
      stroke-dashoffset: 0;
      stroke: #06D6A0;
    }
    button{
      background: #dfecd5;
      border: 1px solid #dfecd5;
      position: relative;
      margin-top: -6.5px;
      padding: 6px;
      width: 98%;
    }
  </style>
</head>
<body>
<div id="app">
  <h1>录入偿债能力数据</h1>
  <div class="content">
    <div class="content-left">
        <form>
          <div class="form_left">
            <p>
              <label class="label-left">企业名称</label>
              <input id="name" placeholder="必填">
            </p>
            <p>
              <label class="label-left">信用证标识</label>
              <input type="file" id="id" placeholder="必填">
              <div class="id"><p style="font-size: 1.1em; margin-top: -50px;">选择文件</p></div>
            </p>
            <p>
              <label class="label-left">贷款金额</label>
              <input id="loanAmnt" placeholder="必填">
              <label class="label-right">万元</label>
            </p>
            <p>
              <label class="label-left">贷款期限</label>
              <input id="term" placeholder="必填">
              <label class="label-right">年</label>
            </p>
            <p>
              <label class="label-left">贷款利率</label>
              <input id="interestRate" placeholder="必填">
              <label class="label-right">%</label>
            </p>
            <p>
              <label class="label-left">分期付款金额</label>
              <input id="installment" placeholder="必填">
              <label class="label-right">万元</label>
            </p>
            <p>
              <label class="label-left">贷款等级</label>
              <input id="grade" placeholder="必填">
            </p>
            <p>
              <label class="label-left">贷款等级之子级</label>
              <input id="subGrade" placeholder="必填">
            </p>
            <p>
              <label class="label-left">公司等级</label>
              <input id="employmentTitle" placeholder="必填">
            </p>
            <p>
              <label class="label-left">成立年限</label>
              <input id="employmentLength" placeholder="必填">
              <label class="label-right">年</label>
            </p>
            <p>
              <label class="label-left">公司房屋所有权状况</label>
              <input id="homeOwnership" placeholder="必填">
              <label class="label-right">栋</label>
            </p>
            <p>
              <label class="label-left">年收入额</label>
              <input id="annuallncome" placeholder="必填">
              <label class="label-right">万元</label>
            </p>
            <p>
              <label class="label-left">验证状态</label>
              <input id="verificationStatus" placeholder="必填">

              <!--单选框-->

            </p>
            <p>
              <label class="label-left">贷款发放的月份</label>
              <input id="issueDate" placeholder="必填">
              <label class="label-right">月</label>
            </p>
            <p>
              <label class="label-left">贷款用途类别</label>
              <select  id="purpose" placeholder="必填">
                <option>启动资金</option>
                <option>资金周转</option>
                <option>项目资金投入</option>
              </select>
            </p>
            <p>
              <label class="label-left">邮政编码的前3位数字</label>
              <input id="postCode" placeholder="必填">
            </p>
            <p>
              <label class="label-left">地区编码</label>
              <input id="regionCode" placeholder="必填">
            </p>
          </div>

          <div class="form_right">
            <p>
              <label class="label-left">债务收入比</label>
              <input id="dti" placeholder="必填">
            </p>
            <p>
              <label class="label-left">公司过去2年信用档案中逾期30天以上的违约事件数</label>
              <input id="delinquency_2years" placeholder="必填">
              <label class="label-right"></label>
            </p>
            <p>
              <label class="label-left">公司在贷款发放时的fico所属的下限范围</label>
              <input id="ficoRangeLow" placeholder="必填">
              <label class="label-right">分</label>
            </p>
            <p>
              <label class="label-left">公司在贷款发放时的fico所属的上限范围</label>
              <input id="ficoRangeHigh" placeholder="必填">
              <label class="label-right">分</label>
            </p>
            <p>
              <label class="label-left">公司信用档案中未结信用额度的数量</label>
              <input id="openAcc" placeholder="必填">
            </p>
            <p>
              <label class="label-left">贬损公共记录的数量</label>
              <input id="pubRec" placeholder="必填">
            </p>
            <p>
              <label class="label-left">公开记录清除的数量</label>
              <input id="pubRecBankruptcies" placeholder="必填">
            </p>
            <p>
              <label class="label-left">信贷周转余额合计</label>
              <input id="revolBal" placeholder="必填">
              <label class="label-right">万元</label>
            </p>
            <p>
              <label class="label-left">循环额度利用率或公司使用的相对于所有可用循环信贷的信贷金额</label>
              <input id="revolUtil" placeholder="必填">
              <label class="label-right">万元</label>
            </p>
            <p>
              <label class="label-left">公司信用档案中当前的信用额度总数</label>
              <input id="totalAcc" placeholder="必填">
              <label class="label-right"></label>
            </p>
            <p>
              <label class="label-left">贷款的初始列表状态</label>
              <input id="initialListStatus" placeholder="必填">
            </p>
            <p>
              <label class="label-left">表明贷款是个体单位申请还是两个及以上单位的联合申请</label>
              <input id="applicationType" placeholder="必填">
            </p>
            <p>
              <label class="label-left">公司最早报告的信用额度开立的月份</label>
              <input id="earliesCreditLine" placeholder="必填">
              <label class="label-right">月</label>
            </p>
            <p>
              <label class="label-left">公司提供的贷款名称</label>
              <input id="title" placeholder="必填">
            </p>
            <p>
              <label class="label-left">策略代码</label>
              <input id="policyCode" placeholder="必填">
              <label class="label-right">公开可用的策略代码输入“1”不公开可用的策略代码输入“2”</label>
            </p>
          </div>
        </form>
      </div>
    </div>
    <div id="button">
      <!--提交、重置按钮-->
      <div class="svg-wrapper">
        <svg height="40" width="150" xmlns="http://www.w3.org/2000/svg">
          <rect id="shape" height="40" width="150" />
          <div id="text">
            <button id="register-button">
              <span class="styled-button__real-text">开始分析</span>
            </button>
          </div>
        </svg>
      </div>
    </div>
  </div>
</div>
<script >
<script src="../../assets/layui.all.js"></script>
<script src="/qrcode/jquery2.1.4.js"></script>
<script src="/layer/layer.js"></script>
<!--后端数据传输接口-->
<script>
  $(function () {
    $("#register-button").click(function(){
      //总为贷款清单分配的唯一信用证标识
      var id=$("#id").val();
      //贷款金额
      var loanAmnt=$("#loanAmnt").val();
      //贷款期限
      var term=$("#term").val();
      //贷款利率
      var interestRate=$("#interestRate").val();
      //分期付款金额
      var installment=$("#installment").val();
      //贷款等级
      var grade=$("#grade").val();
      //贷款等级之子级
      var subGrade=$("#subGrade").val();
      //公司等级
      var employmentTitle=$("#employmentTitle").val();
      //成立年限
      var employmentLength=$("#employmentLength").val();
      //公司房屋所有权状况
      var homeOwnership=$("#homeOwnership").val();
      //年收入额
      var annuallncome=$("#annuallncome").val();
      //验证状态
      var verificationStatus=$("#verificationStatus").val();
      //贷款发放的月份
      var issueDate=$("#issueDate").val();
      //贷款用途类别
      var purpose=$("#purpose").val();
      //邮政编码的前3位数字
      var postCode=$("#postCode").val();
      //地区编码
      var regionCode=$("#regionCode").val();
      //债务收入比
      var dti=$("#dti").val();
      //公司过去2年信用档案中逾期30天以上的违约事件数
      var delinquency_2years=$("#delinquency_2years").val();
      //公司在贷款发放时的fico所属的下限范围
      var ficoRangeLow=$("#ficoRangeLow").val();
      //公司在贷款发放时的fico所属的上限范围
      var ficoRangeHigh=$("#ficoRangeHigh").val();
      //公司信用档案中未结信用额度的数量
      var openAcc=$("#openAcc").val();
      //贬损公共记录的数量
      var pubRec=$("#pubRec").val();
      //公开记录清除的数量
      var pubRecBankruptcies=$("#pubRecBankruptcies").val();
      //信贷周转余额合计
      var revolBal=$("#revolBal").val();
      //循环额度利用率或公司使用的相对于所有可用循环信贷的信贷金额
      var revolUtil=$("#revolUtil").val();
      //公司信用档案中当前的信用额度总数
      var totalAcc=$("#totalAcc").val();
      //贷款的初始列表状态
      var initialListStatus=$("#initialListStatus").val();
      //表明贷款是个人单位申请还是两个及以上单位的联合申请
      var applicationType=$("#applicationType").val();
      //公司最早报告的信用额度开立的月份
      var earliesCreditLine=$("#earliesCreditLine").val();
      //公司提供的贷款名称
      var title=$("#title").val();
      //策略代码
      var policyCode=$("#policyCode").val();
      //企业名称
      var name=$("#name").val();
      //1 先转圈
      var windowId=layer.load(0);

      //2 ajax与服务器交互
      $.post("/test/enterprise/analyse.do",
              {
                name:name,
                // id: id,
                // loanAmnt:loanAmnt,
                // term:term,
                // interestRate:interestRate,
                // installment:installment,
                // grade:grade,
                // subGrade:subGrade,
                // employmentTitle:employmentTitle,
                // employmentLength:employmentLength,
                // homeOwnership:homeOwnership,
                // annuallncome:annuallncome,
                // verificationStatus:verificationStatus,
                // issueDate:issueDate,
                // purpose:purpose,
                // postCode:postCode,
                // regionCode:regionCode,
                // dti:dti,
                // delinquency_2years:delinquency_2years,
                // ficoRangeLow:ficoRangeLow,
                // ficoRangeHigh:ficoRangeHigh,
                // openAcc:openAcc,
                // pubRec:pubRec,
                // pubRecBankruptcies:pubRecBankruptcies,
                // revolBal:revolBal,
                // revolUtil:revolUtil,
                // totalAcc:totalAcc,
                // initialListStatus:initialListStatus,
                // applicationType:applicationType,
                // earliesCreditLine:earliesCreditLine,
                // title:title,
                // policyCode:policyCode,
              },
              function (data) {

                //3 关闭load窗口
                layer.close(windowId);

                //4 讲服务器返回结果进行显示
                layer.msg(data);


              },"JSON");
    });
  });
</script>-->
</body>
</html>